@import "web";

#nav {
  width: 100%;
  height: 3rem;
  line-height: 3rem;
  .icon-list{
    display: block;
  }
  .navs{
    display: none;
    transition: all .5s ease-out;
    right: 0;
    top:3rem;
    li{
      background: $main-color;
      width: 5rem;
      line-height: 2.5rem;
      text-align: right;
      padding-right: .5rem;
      &:not(:last-child){
        border-bottom: 1px solid white;
      }
    }
  }
}

.icons{
  width: 100%;
  li{
    float: left;
    width: calc(50% - 3rem);
    margin: 1.2rem 1.5rem 0 1.5rem ;
    height: 8rem;
    span{
      font-size: 4rem;
    }
  }
}
